page,.container {
	height: 100%;
}
.banner {
	position: relative;
	width: 750rpx;
	text-align: center;
	height: 355rpx;
	margin-top: 30rpx;
	&-bg {
		width: 710rpx;
		margin: 0 auto;
		height: 355rpx;
		border-radius: 20rpx;
		box-shadow: 0 0 20rpx rgba($color: #000000, $alpha: 0.3);
		
		&-bottom {
			width: 750rpx;
			position: absolute;
			bottom: 0;
			height: 50rpx;
			left: 0;
		}
	}
	
}

.cate-section {
	width: 725rpx;
	margin: 0 auto;
	display: flex;
	align-items: center;
	flex-wrap:wrap;
	padding: 30upx 22upx; 
	background: #fff;
	.cate-item {
		display: flex;
		flex-direction: column;
		margin-top: 20rpx;
		align-items: center;
		font-size: $font-sm + 2upx;
		color: $font-color-dark;
		width: 25%;
	}
	/* 原图标颜色太深,不想改图了,所以加了透明度 */
	image {
		width: 88upx;
		height: 88upx;
		margin-bottom: 14upx;
		// border-radius: 50%;
		// opacity: .7;
		// box-shadow: 4upx 4upx 20upx rgba(250, 67, 106, 0.3);
	}
}

.select {
	width: 750rpx;
	padding: 0 20rpx 40rpx 20rpx;
	
	&-head {
		
		&-title {
			text-align: center;
			display: inline-block;
		}
		
		&::before,
		&::after{
			display: inline-block;
			width: 30%;
			height: 2px;
			background-color: #ededed;
			content: '';
			margin: 5rpx 30rpx 5rpx 30rpx;
		}
	}
	
	&-list {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	&-item {
		width: 48%;
		border-radius: 8rpx;
		margin-top: 10rpx;
		box-shadow: 5rpx 5rpx 10rpx rgba($color: #000000, $alpha: 0.2);
		overflow: hidden;
	}
	&-pic {
		width: 100%;
		height: 350rpx;
		overflow: hidden;
		
		image{
			height: 100%;
			width: 100%;
		}
	}
	
	&-content {
		width: 100%;
		padding: 5rpx 10rpx;
		
		&-p1,&-p2 {
			font-size: 24rpx;
			color: #999;
			padding-top: 10rpx;
		}
		&-p3 {
			display: flex;
			justify-content: space-between;
			font-size: 30rpx;
			padding: 10rpx 5rpx;
		}
		&-title {
			color: #333;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			white-space: normal;
			word-wrap: break-word;
		}
		&-price {
			color: #e15233;
		}
		&-original {
			font-size: 18rpx;
			color: #ccc;
			text-decoration: line-through;
		}
		&-ticket {
			display: inline-block;
			width: 90rpx;
			height: 38rpx;
			text-align: center;
			line-height: 38rpx;
			color: #f5c593;
			background: url(/static/exchange/ticket-bg.png) no-repeat;
			background-size: 100% 100%;
			font-size: 22rpx;
			
			span {
				font-size: 18rpx;
			}
			
			
			&_icon {
				width: 48rpx;
				height: 38rpx;
			}
			
			&-wrap {
				display: flex;
				align-items: center;
			}
			
		}
	}
	
}

